<template>
  <div class="system">
    <search-card></search-card>
    <table-card></table-card>
    <info-card></info-card>
  </div>
</template>

<script lang="ts">
  import {Component, Vue} from 'vue-property-decorator'
  import SearchCard from './card/SearchCard.vue'
  import TableCard from './card/TableCard.vue'
  import InfoCard from './card/InfoCard.vue'

  @Component({
    components: {
      SearchCard,
      TableCard,
      InfoCard
    }
  })
  export default class System extends Vue {
    elementTree = {
      
    }
  }
</script>

<style lang="scss" scoped>
  .system{
    .el-card + .el-card{
      margin-top: 15px;
    }
  }
</style>
